<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>帖子详情</title>
</head>
<script type="text/javascript" charset="UTF-8" src="<%= request.getContextPath()%>/resource/js/jquery/jquery-1.8.2.js"></script>
<script>
function getReply(){
	if($("#reply").css("display") == "none"){
		$("#reply").css("display","block");}
	else{
		$("#reply").css("display","none");}
}
</script>
<body>
<%@ include file="top.jsp" %>
	<div style="width: 980px;height: auto;margin: 0 auto;border: 1px solid #dddddd;padding-left: 20px;">
		<div style="width: 960px;height: 35px;border-bottom: 1px solid #999999;">
			<div style="float: left; width: 770px;height: 30px;margin-left: 10px;font-size: 18px;text-align: left;line-height: 35px;font-weight: bold">帖子标题</div>
			<div style="float: left;width: 80px;height: 30px;margin-right: 10px;margin-top: 5px;"><input type="button" value="只看楼主" style="height: 25px;text-align: center;width: 80px;"></div>
			<div style="float: left;width: 80px;height: 30px;margin-right: 10px;margin-top: 5px;"><a href="#allReply" style="text-decoration: none; "><input type="button" value="回复" style="height: 25px;text-align: center;width: 80px;"></a></div>
		</div>
		<!-- 一条完整滴回复 -->
		<div style="width: 960px;height: auto;border-top: 1px solid #dadada;border-bottom: 1px solid #dadada;margin-top: 20px; margin-bottom: 20px;">
			<div style="float: left;width: 50px;height: 50px;border: 0 none;border-radius: 4px 4px 4px 4px; overflow: hidden; margin-top: 20px; ">
				<img style="width:50px;height: 50px; " src="<%= request.getContextPath()%>/resource/images/play/touxiang.jpg">
			</div>
			<div style="float: left;width: 870px;height: auto;margin-top: 20px;margin-left: 20px;">
				<div style="width: 870px;height: 20px;margin-bottom: 10px;line-height: 20px;font-size: 15px;color: #946652">昵称</div>
				<div style="width: 870px;height: auto;margin-bottom: 10px;line-height: 20px;font-size: 15px;">帖子内容：第七届全国大学生结构设计竞赛已正式开始，由于本次赛题的特殊性，现需要从全系学生中选出一名队员担任本次比赛的加载任务，基本要求，体重80KG以上，有较好的灵活性，平衡感较强。被选中的同学，将随队到湖南大学参加比赛，若获得名次，将有机会获得直保资格。由于比赛定于11月27号，时间相当紧迫，被选中的同学将进行极为艰苦的准备和训练。有意愿参加的同学请于11月1日之前与瞿蔚添同学联系，询问相关事宜，电话18011673255</div>
				<div style="width: 870px;height: 20px;margin-bottom: 10px;line-height: 20px;font-size: 15px;">
					<div style="float: left;padding: 0 5px 0 5px;width: auto;height: 20px;line-height: 20px;font-size: 15px;color: #9B9B9B;">2013.1.1 00:00</div>
					<div style="float: left;padding: 0 5px 0 5px; width: auto;height: 20px;line-height: 20px;font-size: 15px; color: #946652;margin-left: 650px;">赞</div>
					<div style="float: left;padding: 0 5px 0 5px;width: auto;height: 20px;line-height: 20px;font-size: 15px;color: #946652;margin-left: 10px;" onClick="getReply()">评论</div>
				</div>
			</div>
			<div style="clear:both;"></div>
			<!-- 对某一个进行评论 -->
			<div id ="reply" style="width: 870px;height: auto;border: 1px solid #dadada;margin-bottom: 20px;margin-left: 70px;display: none;padding: 10px;">
				<div style="width: 870px;height: auto;line-height: 20px;font-size: 15px;margin-bottom: 20px;">
					<div style="width: 870px;height: 50px;line-height: 20px;">
						<input type="text" style="width: 870px;height: 50px;line-height: 20px;border: 1px solid #dadada;">
					</div>
					<div style="width: 870px;height: 20px;line-height: 20px;margin-top: 5px;">
						<div style="float: left;width: 20px;height: 20px;">
							<img style="width:20px;height: 20px; " src="<%= request.getContextPath()%>/resource/images/play/expression_button.png">
						</div>
						<div style="float: left;width:50px;height: 20px;margin-left: 800px; ">
							<img style="width:50px;height: 20px; " src="<%= request.getContextPath()%>/resource/images/play/reply_button.png">
						</div>
					</div>
				</div>
				<div style="width: 870px;height: auto;line-height: 20px;font-size: 15px;">
					<div style="float: left;width: 30px;height: 30px;border: 0 none;border-radius: 2px 2px 2px 2px; overflow: hidden;">
						<img style="width:50px;height: 50px; " src="<%= request.getContextPath()%>/resource/images/play/touxiang.jpg">
					</div>
					<div style="float: left;width: 825px;height: auto;line-height: 20px;font-size: 15px;margin-left: 10px; "><span style="color: #946652;">昵称</span>船长觉得这个游戏相当的有意思，特别适合有强迫症的人玩，我喵的花了整整一个下午啊，整整一个下午，终于通关了，通关之后突然感觉到我找到了新的人生方向，一切都变得那么的明亮，追逐梦想的道路上我也不在迷茫，就连腰酸背痛腿抽筋都治好了</div>
					<div style="clear:both;"></div>
					<div style="width: 825px;height: 20px;line-height: 20px;font-size: 15px;margin-left: 40px; ">
						<div style="float: left;padding: 0 5px 0 5px;width: auto;height: 20px;line-height: 20px;font-size: 15px;color: #9B9B9B;">2013.1.1 00:00</div>
						<div style="float: left;padding: 0 5px 0 5px;width: auto;height: 20px;line-height: 20px;font-size: 15px;color: #946652;margin-left: 655px; ">回复</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 对整个帖子进行评论 -->
		<div id="allReply" style="width: 960px;height: 160px;border: 1px solid #dadada;">
			<div style="width: 960px;height: 30px;">
				<div style="float: left; width: 50px;height: 20px;border-right: 1px solid #dadada;text-align: center;line-height: 20px;margin-top: 5px">图片</div>
				<div style="float: left; width: 50px;height: 20px;text-align: center;line-height: 20px;margin-top: 5px">表情</div>
				<div style="float: left; width: 50px;height: 20px;margin-top: 5px;margin-left: 795px;">
					<img style="width:50px;height: 20px; " src="<%= request.getContextPath()%>/resource/images/play/reply_button.png">
				</div>
			</div>
			<div style="width: 940px;height: auto;margin: 10px;">
				<textarea  style="width: 934px;height: 103px; overflow:auto;resize:none"></textarea>
			</div>
		</div>
		
	
		
			
		
	

</div>
<%@ include file="foot.jsp" %>
</body>
</html>